* {
	touch-action: none;
}

.tlui-help-menu {
	display: none !important;
}

.tlui-debug-panel {
	display: none !important;
}

.editor {
	position: fixed;
	inset: 0;
	overflow: hidden;
}

.tldrawLogo {
	position: absolute;
	z-index: 9999999;
	bottom: 0px;
	right: 0px;
}

.tldrawLogo__mobile {
	bottom: 60px;
}

.vibe3DCodeButton {
	background: var(--color-primary);
	color: white;
	border: none;
	font: inherit;
	font-weight: 600;
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-2);
	margin: var(--space-3);
	cursor: pointer;
	pointer-events: all;
}
.vibe3DCodeButton:hover {
	opacity: 0.95;
}

.improveDrawingButton {
	background: var(--color-primary);
	color: white;
	border: none;
	font: inherit;
	font-weight: 600;
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-2);
	margin: var(--space-3);
	cursor: pointer;
	pointer-events: all;
}
.improveDrawingButton:hover {
	opacity: 0.95;
}

.autoDrawButton {
	background: var(--color-primary);
	color: white;
	border: none;
	font: inherit;
	font-weight: 600;
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-2);
	margin: var(--space-3);
	cursor: pointer;
	pointer-events: all;
}
.autoDrawButton:hover {
	opacity: 0.95;
}

/* ------------------ Api Key Input ----------------- */

.your-own-api-key {
	position: absolute;
	bottom: 72px;
	right: 0px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 9999999;
	color: var(--color-text-0);
	pointer-events: none;
}

.your-own-api-key__inner {
	display: flex;
	flex-direction: row;
	max-width: 300px;
	width: 100%;
	gap: 4px;
	background-color: var(--color-low);
	border-radius: 8px;
	padding: 6px;
	pointer-events: all;
}

.your-own-api-key input {
	all: inset;
	padding: 6px 12px;
	border-radius: 4px;
	color: transparent;
	border: none;
	font-size: 12px;
	background: var(--color-panel);
	width: 100%;
	height: 32px;
	font-size: 12px;
	font-family: Inter, sans-serif;
}

.your-own-api-key__mobile {
	bottom: 108px;
}
.your-own-api-key__mobile input {
	bottom: 108px;
	font-size: 16px !important;
	pointer-events: all;
}

.input__wrapper {
	position: relative;
	flex-grow: 2;
}

.input__wrapper:not(:focus-within)::after {
	content: 'Your Anthropic API Key';
	display: block;
	position: absolute;
	inset: 0px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 12px;
	z-index: 999999999;
	background-color: none;
	font-size: 12px;
	font-family: Inter, sans-serif;
}

.input__wrapper::after {
	pointer-events: none;
}

.your-own-api-key input:focus {
	color: var(--color-text-0);
}

/* Remove CrosshairSelector styles */
.question__button {
	all: unset;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	background-color: none;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}